<template>
  <div style="height: 100%;overflow: auto;">
    <div v-html="getCodeInfo" class="agreement">
    </div>
  </div>
</template>

<script>
import * as commonApi from "api/common";
export default {
  name: 'agreement',
  data() {
    return {
      getCodeInfo: null,
    };
  },
  created() {
    let type = this.$route.params.type
    this.getInvoiceProtocolInfo(type)
  },
  methods: {
    getInvoiceProtocolInfo(type){ // 获取协议内容
      commonApi.findProtocolInfo(type).then(res => {
        let { data } = res;
        if (data.status === 200) {
          this.getCodeInfo = data.data
        }
      })
    },
  }
};
</script>

<style scoped lang="scss">
@import "../assets/css/them.scss";
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
  width: 7px;
  height: 7px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  background-color: #c8c8c8;
}

.agreement{
  min-height: 100%;
  margin: 0 20vh 0 20vh;
  padding-top: 20px;
  border: 1px solid #e0dede;
  background: #eaeaea;
}
</style>


